<template>
  <div id="index">
    <b-container class="index-container">
      <b-img
        src="~images/index-1.png"
        style="width: 200px;margin-bottom: 15px;"
        class="animate__fadeInLeftBig animate__animated"
      ></b-img>
      <div class="animate__fadeInRightBig animate__animated">
        <h5>弘扬传统文化，打造优质内容服务提供商</h5>
        <div>以“内容+渠道+平台+用户”生态链为中心，</div>
        <div>为用户提供精彩的文化传媒服务及体验</div>
      </div>
    </b-container>
  </div>
</template>

<script>
export default {
  name: "IndexPage",
  data() {
    return {
      value: ""
    };
  },
};
</script>

<style lang="scss">
#index {
  height: 100%;
  .index-container {
    transform: translate(0, 50%);
  }
}
</style>
